<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>百慧智慧wms仓库</title>
  <link href="../layui/css/layui.css" rel="stylesheet">
  <!-- 引入自定义字体图标库 -->
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/hxx.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>
<body style="background-color: whitesmoke">

	<div class="layui-fluid" style="margin-top: 10px;">
        <!-- 上 -->
        <div class="layui-row">
            <div class="layui-col-md3 count-item">
                <div class="count-item-sub">
                    <!--上-->
                    <div class="sub-top">
                        当前库存
                    </div>
                    <!--下-->
                    <div class="sub-bottom">
                        <div class="sub-bottom-left">
                            236
                        </div>
                        <div class="sub-bottom-right">
                            <span class="iconfont icon-kucuntongji"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3 count-item">
                <div class="count-item-sub">
                    <!--上-->
                    <div class="sub-top">
                        当天入库
                    </div>
                    <!--下-->
                    <div class="sub-bottom">
                        <div class="sub-bottom-left">
                            236
                        </div>
                        <div class="sub-bottom-right">
                            <span class="iconfont icon-xinruku"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3 count-item">
                <div class="count-item-sub">
                    <!--上-->
                    <div class="sub-top">
                        当天出库
                    </div>
                    <!--下-->
                    <div class="sub-bottom">
                        <div class="sub-bottom-left">
                            236
                        </div>
                        <div class="sub-bottom-right">
                            <span class="iconfont icon-xinchuku"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3 count-item">
                <div class="count-item-sub">
                    <!--上-->
                    <div class="sub-top">
                        预警产品
                    </div>
                    <!--下-->
                    <div class="sub-bottom">
                        <div class="sub-bottom-left">
                            236
                        </div>
                        <div class="sub-bottom-right">
                            <span class="iconfont icon-icon-p_kucunbaobiao"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 下 -->
        <div class="layui-row" style="margin-top: 10px;">
            <div class="layui-col-md6" style="background-color: white;">
                <div id="repoId" style="width: 500px;height:400px;"></div>
            </div>
            <div class="layui-col-md6" style="background-color: white;">
                <div id="clockId" style="width: 500px;height:400px;"></div>
            </div>
        </div>
    </div>

	<script src="../layui/layui.js"></script>
	<script src="../js/md5.min.js"></script>
	<script src="../js/hxx.js"></script>
    <script src="../js/echarts.js"></script>
    <script src="../js/charts-statics.js"></script>
</body>
</html>